<script>
  export let size = "18px";
  export let primaryColor = "#3524C7";
  export let secondaryColor = "#9CABFF";
</script>

<svg
  width={size}
  height={size}
  viewBox="0 0 24 24"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M12 22C17.5229 22 22 17.5228 22 12C22 6.47715 17.5229 2 12 2C6.47716 2 2.00001 6.47715 2.00001 12C2.00001 17.5228 6.47716 22 12 22ZM12 17C14.7614 17 17 14.7614 17 12C17 9.23858 14.7614 7 12 7C9.23858 7 7.00001 9.23858 7.00001 12C7.00001 14.7614 9.23858 17 12 17Z"
    fill={primaryColor}
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M17.5557 3.68531C15.9112 2.58649 13.9778 2 12 2V7C14.7614 7 17 9.23858 17 12C17 13.3807 16.4404 14.6307 15.5355 15.5355L19.0711 19.0711C20.4696 17.6725 21.422 15.8907 21.8079 13.9509C22.1937 12.0111 21.9957 10.0004 21.2388 8.17317C20.4819 6.34591 19.2002 4.78412 17.5557 3.68531Z"
    fill={secondaryColor}
  />
</svg>
